// 入口文件 

// 引入scss文件 
import "./css/index.scss";

// 引入iconfont图标 
import "./iconfont/iconfont.css";

// 引入轮播图 
import "./swiper/swiper-bundle.js";
import "./swiper/swiper-bundle.css";

// 引入axios  
import axios from "axios";

// 列表 
axios.get("/api/list").then(res => {
    console.log(res.data);
    render(res.data);
})

function render(arr) {
    box.innerHTML = arr.map(item => {
        return `
            <li>
                <img src="${item.img}" alt="">
                <p>${item.title}</p>
                <p>评价：${item.num}</p>
            </li>
        `
    }).join("");
}


// // 轮播图
// axios.get("/api/pics").then(res => {
//     console.log(res.data);
//     renderS(res.data);
// })

// function renderS(arr) {
//     swiper.innerHTML = arr.map(item => {
//         return `
//         <div class="swiper-slide">
//             <img src="${item.img}" alt="">
//         </div>
//         `
//     }).join("");
// }


// new Swiper('#swiper', {
//     direction: 'vertical', // 垂直切换选项
//     auto: true, // 循环模式选项

// })